import React, { useRef, useImperativeHandle, forwardRef } from 'react'
function FancyInput(props, appref) {
  const inputRef = useRef()
  // useImperativeHandle第一个参数传入的ref对象是谁,就会给这个ref对象的current属性上添加内容(内容就是useImperativeHandle第二个参数回调函数的返回值)
  useImperativeHandle(appref, () => {
    return {
      setbgc: (color) => {
        // console.log('你是不是傻,就不给你input的dom')
        inputRef.current.style.backgroundColor = color
      },
    }
  })
  return <input ref={inputRef} />
}
FancyInput = forwardRef(FancyInput)
export default FancyInput
